<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="controller.css">
    <style>
        /*@import "controller.css";*/
        #name{
            font-size: 20px;
            color: red;
            font-family: "楷体";

        }
        #id4{
            color: green;
            font-weight: bold;
            font-style: italic;
            letter-spacing: 10px;
            text-decoration: underline;
        }#id5{
             font-weight: bolder;
            text-align: right;
         }#id6{
              font-weight: lighter;
          }


    </style>
</head>
<body>
<form action="controller" >
    <fieldset>
        <legend>控制元素只读和不可控</legend>
        <p>姓名： <input type="text" name="name" id="1" disabled value="文林挥"> </p>
        <p>性别：<input type="text" name="sex" readonly value="男"></p>
        <hr><br>
        <input type="submit" value="提交">
    </fieldset>
</form>
<div>
<h2 class="title back">沁园春·雪</h2>
<p id="id4"><span>北国风光</span>，千里冰封，万里雪飘。</p>
<p id="id5">望长城内外，惟余莽莽；大河上下，顿失滔滔。</p>
<p id="id6">山舞银蛇，<span id="name">原驰蜡象</span>，欲与天公试比高。</p>

<p id="id1">须晴日，看红装素裹，分外妖娆。</p>

<p id="word">江山如此多娇，引无数英雄竞折腰。</p>

<p id="id2">惜秦皇汉武，略输文采；唐宗宋祖，稍逊风骚。</p>

<p id="id3">一代天骄，成吉思汗，只识弯弓射大雕。</p>

<p>俱往矣，数风流人物，还看今朝。</p>
</div>
<section>
    <p><span class="span1">床前明月光</span><span class="span2">疑似地上霜</span>
        <span class="span3">举头望明月</span>
        <span class="span4">低头思故乡</span></p>
</section>

</body>
</html>